<template>
    <div style="padding-left: 30px">
        <ul>
            <li v-for="data in topicDetail.records">
                <TopicContent :data="data"></TopicContent>
            </li>
        </ul>
    </div>
</template>

<script>
    import TopicContent from "./TopicContent";
    export default {
        name: "TopicDetail",
        components: {TopicContent},
        props:{
            topicDetail:{type:Object,default:{}}
        },
        data(){
            return{}
        }
    }
</script>

<style scoped>

ul > li{
    list-style: none;
    padding-bottom: 100px;
    }

</style>